<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <title>
        </title>
        <link rel="stylesheet" type="text/css" href="js/jquery-ui-1.8.23/css/redmond/jquery-ui-1.8.23.custom.css">        <link rel="stylesheet" href="my.css" />
        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0-alpha.1/jquery.mobile-1.2.0-alpha.1.min.css" />
        <link rel="stylesheet" type="text/css" href="daria.css">
        
        <script src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
        <script type="text/javascript" src="js/jquery-ui-1.8.23/js/jquery-ui-1.8.23.custom.min.js"></script>
		<script src="http://code.jquery.com/mobile/1.2.0-alpha.1/jquery.mobile-1.2.0-alpha.1.min.js"></script>
		<script src="my.js"></script>
        <style>
            /* App custom styles */
        </style>
</head>
    <body>
        <!-- Agent -->
        <div data-role="page" id="page11">
            <div data-role="content" style="padding: 15px">
                <div style="width: 100%; height: 100px; position: relative; background-color: #fbfbfb; border: 1px solid #b8b8b8;">
                    <img src="http://codiqa.com/static/images/v2/image.png" alt="image" style="position: absolute; top: 50%; left: 50%; margin-left: -16px; margin-top: -18px" />
                </div>
                <div>
                    <p>
                        <b>
                            Please select from the two options below:
                        </b>
                    </p>
                </div>
                <a data-role="button" data-transition="fade" href="#page8" class="ListSearchAgent">
                    I have an agent
                </a>
                <a data-role="button" data-transition="fade" href="#page12">
                    I do not have an agent
                </a>
            </div>
            <!-- footer start -->
<div data-role="tabbar" data-iconpos="left" data-theme="a" class="footer">
    <div class="footer2">
        <a href="#page13" data-theme="" class="footerbtn"><img src="images/Search.png" width="75" height="50" border="0"  class="footerimg"></a>　　
        <a href="#page6" data-theme=""  class="footerbtn"><span class="favCount">99</span><img src="images/Favorites.png" width="74" height="50" border="0" class="footerimg"></a>　　
        <a href="#popupInfo" data-rel="popup" data-theme=""  class="footerbtn"><img src="images/info.png" width="74" height="50" border="0" class="footerimg"></a>　　
        <a href="#popupShare" data-rel="popup" data-theme=""  class="footerbtn"><img src="images/share.png" width="75" height="50" border="0" class="footerimg"></a>　　
        <a href="#page7" data-theme=""  class="footerbtn"><img src="images/Calculator.png" width="75" height="50" border="0" class="footerimg"></a>　　
        <a href="#page11popupContact" data-transition="fade" data-overlay-theme="a" data-rel="popup" class="footerbtn" onClick="shwPop('#page11popupContact','popContact.php');"><img src="images/contactme.png" width="75" height="50" border="0" class="footerimg"></a>
    </div>
</div>
<div data-role="popup" id="page11popupContact" data-overlay-theme="a" data-theme="d" class="ui-corner-all popupContact"></div>
<div data-role="popup" id="popupInfo" data-overlay-theme="b" data-theme="a" class="ui-corner-all">
    <a data-role="button" data-transition="fade" href="#page1">
        About Me
    </a>
    <a data-role="button" data-transition="fade" href="#page1">
        Website
    </a>
    <a data-role="button" data-transition="fade" href="#page1">
        Powered By
    </a>
    <a data-role="button" data-transition="fade" href="#page1">
        About this App
    </a>
    <a data-role="button" data-transition="fade" href="#page1">
        Logout
    </a>
</div>
<div data-role="popup" id="popupShare" data-overlay-theme="b" data-theme="a" class="ui-corner-all">
    <a data-role="button" data-transition="fade" href="#page1">
        Facebook
    </a>
    <a data-role="button" data-transition="fade" href="#page1">
        Twitter
    </a>
</div><!-- footer end --></div>
        <!-- Calculator -->
        <div data-role="page" id="page7">
            <div data-theme="a" data-role="header" data-position="fixed">
                <h3>
                    Mortgage Calculator
                </h3>
            </div>
            <div data-role="content" style="padding: 15px;" id="page7Conetnt">
                <div data-role="fieldcontain">
                    <fieldset data-role="controlgroup">
                        <label for="slider1" class="title">
                            Loan Required:
                        </label>
                        <input type="text" id="amount" value="$0" style="border:0; color:#f6931f; font-weight:bold;width:200px;" />
                        <br/><div id="slider-range-min" class="slider-range-min"></div>
                        <br/><br/>
                        <label for="slider1" class="title">
                            Payment Period:
                        </label>
                        <input type="text" id="amount" value="0 Years" style="border:0; color:#f6931f; font-weight:bold;width:200px;" />
                        <br/><div id="slider-range-min" class="slider-range-min"></div>
                        <br/><br/>
                        <label for="slider1" class="title">
                            Interest Rate:
                        </label>
                        <input type="text" id="amount" value="0.00%" style="border:0; color:#f6931f; font-weight:bold;width:200px;" />
                        <br/><div id="slider-range-min" class="slider-range-min"></div>
                         <br/><br/>
                        <label for="slider1" class="title">
                            Repayments:
                        </label>
                        <input type="text" id="amount" value="$0" style="border:0; color:#f6931f; font-weight:bold;width:200px;" disabled />
                   </fieldset>
                    
                    
                    <div class="ui-grid-b" style="width:100%;">
                        <div class="ui-block-a" style="width:40%;">
                        </div>
                        <div class="ui-block-b" style="width:20%;text-align:center;">
                            <a href="popEmailagnet.php" id="page7button" data-rel="dialog" data-role="button" data-transition="fade" data-theme="a">
                                Get a quote
                            </a>
                        </div>
                        <div class="ui-block-c" style="width:40%;">
                        </div>
                    </div>
              </div>
            </div><!-- footer start -->
<div data-role="tabbar" data-iconpos="left" data-theme="a" class="footer">
     <div class="footer2">
       <a href="#page13" data-theme="" class="footerbtn"><img src="images/Search.png" width="75" height="50" border="0"  class="footerimg"></a>　　
        <a href="#page6" data-theme=""  class="footerbtn"><span class="favCount">99</span><img src="images/Favorites.png" width="74" height="50" border="0" class="footerimg"></a>　　
        <a href="#popupInfo" data-rel="popup" data-theme=""  class="footerbtn"><img src="images/info.png" width="74" height="50" border="0" class="footerimg"></a>　　
        <a href="#popupShare" data-rel="popup" data-theme=""  class="footerbtn"><img src="images/share.png" width="75" height="50" border="0" class="footerimg"></a>　　
        <a href="#page7" data-theme=""  class="footerbtn"><img src="images/Calculator_b.png" width="75" height="50" border="0" class="footerimg"></a>　　
        <a href="#page7popupContact" data-transition="fade" data-overlay-theme="a" data-rel="popup" class="footerbtn" onClick="shwPop('#page7popupContact','popContact.php');"><img src="images/contactme.png" width="75" height="50" border="0" class="footerimg"></a>
    </div>
</div>
<div data-role="popup" id="page7popupContact" data-overlay-theme="a" data-theme="d" class="ui-corner-all popupContact"></div>
<div data-role="popup" id="popupInfo" data-overlay-theme="b" data-theme="a" class="ui-corner-all">
    <a data-role="button" data-transition="fade" href="#page1">
        About Me
    </a>
    <a data-role="button" data-transition="fade" href="#page1">
        Website
    </a>
    <a data-role="button" data-transition="fade" href="#page1">
        Powered By
    </a>
    <a data-role="button" data-transition="fade" href="#page1">
        About this App
    </a>
    <a data-role="button" data-transition="fade" href="#page1">
        Logout
    </a>
</div>
<div data-role="popup" id="popupShare" data-overlay-theme="b" data-theme="a" class="ui-corner-all">
    <a data-role="button" data-transition="fade" href="#page1">
        Facebook
    </a>
    <a data-role="button" data-transition="fade" href="#page1">
        Twitter
    </a>
</div><!-- footer end --></div>
        <!-- Choose Agent -->
        <div data-role="page" id="page12">
            <div data-role="content" style="padding: 15px">
                <div style="width: 100%; height: 100px; position: relative; background-color: #fbfbfb; border: 1px solid #b8b8b8;">
                    <img src="http://codiqa.com/static/images/v2/image.png" alt="image" style="position: absolute; top: 50%; left: 50%; margin-left: -16px; margin-top: -18px" />
                </div>
                <div>
                    <p>
                        <b>
                            Please select from the two options below to choose your agent:
                        </b>
                    </p>
                </div>
                <a data-role="button" data-transition="fade" href="#page8">
                    View agents provided
                </a>
                <a data-role="button" data-transition="fade" href="#page8">
                    Choose one for me at random
                </a>
            </div><!-- footer start -->
<div data-role="tabbar" data-iconpos="left" data-theme="a" class="footer">
    <div class="footer2">
        <a href="#page13" data-theme="" class="footerbtn"><img src="images/Search.png" width="75" height="50" border="0"  class="footerimg"></a>　　
        <a href="#page6" data-theme=""  class="footerbtn"><span class="favCount">99</span><img src="images/Favorites.png" width="74" height="50" border="0" class="footerimg"></a>　　
        <a href="#popupInfo" data-rel="popup" data-theme=""  class="footerbtn"><img src="images/info.png" width="74" height="50" border="0" class="footerimg"></a>　　
        <a href="#popupShare" data-rel="popup" data-theme=""  class="footerbtn"><img src="images/share.png" width="75" height="50" border="0" class="footerimg"></a>　　
        <a href="#page7" data-theme=""  class="footerbtn"><img src="images/Calculator.png" width="75" height="50" border="0" class="footerimg"></a>　　
        <a href="#page12popupContact" data-transition="fade" data-overlay-theme="a" data-rel="popup" class="footerbtn" onClick="shwPop('#page12popupContact','popContact.php');"><img src="images/contactme.png" width="75" height="50" border="0" class="footerimg"></a>
    </div>
</div>
<div data-role="popup" id="page12popupContact" data-overlay-theme="a" data-theme="d" class="ui-corner-all popupContact"></div>
<div data-role="popup" id="popupInfo" data-overlay-theme="b" data-theme="a" class="ui-corner-all">
    <a data-role="button" data-transition="fade" href="#page1">
        About Me
    </a>
    <a data-role="button" data-transition="fade" href="#page1">
        Website
    </a>
    <a data-role="button" data-transition="fade" href="#page1">
        Powered By
    </a>
    <a data-role="button" data-transition="fade" href="#page1">
        About this App
    </a>
    <a data-role="button" data-transition="fade" href="#page1">
        Logout
    </a>
</div>
<div data-role="popup" id="popupShare" data-overlay-theme="b" data-theme="a" class="ui-corner-all">
    <a data-role="button" data-transition="fade" href="#page1">
        Facebook
    </a>
    <a data-role="button" data-transition="fade" href="#page1">
        Twitter
    </a>
</div><!-- footer end --></div>
        <!-- Search Agent -->
        <div data-role="page" id="page8">
            <div data-theme="a" data-role="header" data-position="fixed">
                <h3>
                    Realty
                </h3>
            </div>
            <div data-role="content" style="padding: 15px">
                <div data-role="fieldcontain">
                    <fieldset data-role="controlgroup">
                    <input id="searchinput1" placeholder="" value="" type="search" />
                    </fieldset>
                </div>
            	<div id="SearchAgentList">
                
                </div>
            </div><!-- footer start -->
<div data-role="tabbar" data-iconpos="left" data-theme="a" class="footer">
    <div class="footer2">
        <a href="#page13" data-theme="" class="footerbtn"><img src="images/Search.png" width="75" height="50" border="0"  class="footerimg"></a>　　
        <a href="#page6" data-theme=""  class="footerbtn"><span class="favCount">99</span><img src="images/Favorites.png" width="74" height="50" border="0" class="footerimg"></a>　　
        <a href="#popupInfo" data-rel="popup" data-theme=""  class="footerbtn"><img src="images/info.png" width="74" height="50" border="0" class="footerimg"></a>　　
        <a href="#popupShare" data-rel="popup" data-theme=""  class="footerbtn"><img src="images/share.png" width="75" height="50" border="0" class="footerimg"></a>　　
        <a href="#page7" data-theme=""  class="footerbtn"><img src="images/Calculator.png" width="75" height="50" border="0" class="footerimg"></a>　　
        <a href="#page8popupContact" data-transition="fade" data-overlay-theme="a" data-rel="popup" class="footerbtn" onClick="shwPop('#page8popupContact','popContact.php');"><img src="images/contactme.png" width="75" height="50" border="0" class="footerimg"></a>
    </div>
</div>
<div data-role="popup" id="page8popupContact" data-overlay-theme="a" data-theme="d" class="ui-corner-all popupContact"></div>
<div data-role="popup" id="popupInfo" data-overlay-theme="b" data-theme="a" class="ui-corner-all">
    <a data-role="button" data-transition="fade" href="#page1">
        About Me
    </a>
    <a data-role="button" data-transition="fade" href="#page1">
        Website
    </a>
    <a data-role="button" data-transition="fade" href="#page1">
        Powered By
    </a>
    <a data-role="button" data-transition="fade" href="#page1">
        About this App
    </a>
    <a data-role="button" data-transition="fade" href="#page1">
        Logout
    </a>
</div>
<div data-role="popup" id="popupShare" data-overlay-theme="b" data-theme="a" class="ui-corner-all">
    <a data-role="button" data-transition="fade" href="#page1">
        Facebook
    </a>
    <a data-role="button" data-transition="fade" href="#page1">
        Twitter
    </a>
</div><!-- footer end --></div>
        <!-- Search -->
        <div data-role="page" id="page13" style="text-align:center;width:100%;height:768px;padding: 15px;background:url(images/bg.jpg) no-repeat;">
            <div data-theme="a" data-role="header" data-position="fixed">
                <h3>
                    Realty
                </h3>
            </div>
            <div data-role="content">
            <div id="divsearch">
                    <section class="ui-grid-a" style="width:100%">
                    	<div class="ui-block-a" style="width:100%">
                            <fieldset data-role="controlgroup" data-type="horizontal" class="radio3">
                                <input name="page13type" id="page13type1" value="a" type="radio" checked="checked">
                                <label for="page13type1">
                                    For Sale
                                </label>
                                <input name="page13type" id="page13type2" value="b" type="radio">
                                <label for="page13type2">
                                    To Rent
                                </label>
                                <input name="page13type" id="page13type3" value="c" type="radio">
                                <label for="page13type3">
                                    Open House
                                </label>
                            </fieldset>
                        </div>
                    </section>
                    <section class="ui-grid-a">
                    	<div class="ui-block-a" style="width:450px">
                            <input data-inline="true" name="page13location" id="page13location" placeholder="Zip Code or Location" value="" type="search"/>
                        </div>
                        <div class="ui-block-b" style="text-align:right;width:160px;">
                         <a data-inline="true" href="#page14" data-role="button" >Search Now</a>       
                         <p><a href="#appAdvSearch" data-rel="popup">More detailed search</a></p>

                        </div>
                    </section>
                </div>
            
                <div data-role="popup" id="appAdvSearch" data-overlay-theme="d" data-theme="c" class="ui-corner-all">
					<div data-role="header" data-theme="d" class="ui-corner-top">
						<h1>Search for properties</h1>
					</div>
					<div data-role="content" data-theme="d" style="padding:1px;" class="ui-corner-bottom">
<form>
                    <section class="ui-grid-a">
                    	<div class="ui-block-a">
                            Search Type:
                        </div>
                    	<div class="ui-block-b">
                            <fieldset data-role="controlgroup" data-type="horizontal">
                                <input name="page13adtype" id="page13adtype1" value="a" type="radio" checked="checked" onClick="$('#page13OpenHouse').hide();">
                                <label for="page13adtype1">
                                    For Sale
                                </label>
                                <input name="page13adtype" id="page13adtype2" value="b" type="radio" onClick="$('#page13OpenHouse').hide();">
                                <label for="page13adtype2">
                                    To Rent
                                </label>
                                <input name="page13adtype" id="page13adtype3" value="c" type="radio" onClick="$('#page13OpenHouse').show();">
                                <label for="page13adtype3">
                                    Open House
                                </label>
                            </fieldset>
                        </div>
                    </section>
                    <section class="ui-grid-a">
                    	<div class="ui-block-a">
                            Location:
                        </div>
                    	<div class="ui-block-b">
                            <input data-inline="true" name="page13adlocation" id="page13adlocation" placeholder="Zip Code or Location" value="" type="search"/>
                        </div>
                    </section>
                    <section class="ui-grid-a">
                    	<div class="ui-block-a">
                            Number of Bedrooms:
                        </div>
                    	<div class="ui-block-b">
                            <fieldset data-role="controlgroup" data-type="horizontal">
                                <input name="page13adbedroom" id="page13adbedroom1" value="0" type="radio" checked="checked">
                                <label for="page13adbedroom1">
                                    0+
                                </label>
                                <input name="page13adbedroom" id="page13adbedroom2" value="1" type="radio">
                                <label for="page13adbedroom2">
                                    1+
                                </label>
                                <input name="page13adbedroom" id="page13adbedroom3" value="2" type="radio">
                                <label for="page13adbedroom3">
                                    2+
                                </label>
                                <input name="page13adbedroom" id="page13adbedroom4" value="3" type="radio">
                                <label for="page13adbedroom4">
                                    3+
                                </label>
                                <input name="page13adbedroom" id="page13adbedroom5" value="4" type="radio">
                                <label for="page13adbedroom5">
                                    4+
                                </label>
                                <input name="page13adbedroom" id="page13adbedroom6" value="5" type="radio">
                                <label for="page13adbedroom6">
                                    5+
                                </label>
                            </fieldset>
                        </div>
                    </section>
                    <section class="ui-grid-c gray">
                    	<div class="ui-block-a">
                            Min Price:
                        </div>
                    	<div class="ui-block-b" style="width:200px;">
                            <select name="page13adminprice" id="page13adminprice">
                                <option value="all">
                                    No Min Price
                                </option>
                                <option value="100000">
                                    $100,000
                                </option>
                                <option value="200000">
                                    $200,000
                                </option>
                                <option value="300000">
                                    $300,000
                                </option>
                                <option value="400000">
                                    $400,000
                                </option>
                                <option value="500000">
                                    $500,000
                                </option>
                            </select>
                        </div>
                    	<div class="ui-block-c">
                            Max Price:
                        </div>
                    	<div class="ui-block-d">
                            <select name="page13admaxprice" id="page13admaxprice">
                                <option value="all">
                                    No Min Price
                                </option>
                                <option value="100000">
                                    $100,000
                                </option>
                                <option value="200000">
                                    $200,000
                                </option>
                                <option value="300000">
                                    $300,000
                                </option>
                                <option value="400000">
                                    $400,000
                                </option>
                                <option value="500000">
                                    $500,000
                                </option>
                            </select>
                        </div>
                    </section>
                    <section class="ui-grid-a gray">
                    	<div class="ui-block-a">
                            Type:
                        </div>
                    	<div class="ui-block-b">
                            <select name="page13adhousetype" id="page13adhousetype">
                                <option value="all">
                                    Any
                                </option>
                                <option value="1">
                                    One Family Attached
                                </option>
                                <option value="2">
                                    One Family Detached
                                </option>
                            </select>
                        </div>
                    </section>
                    <section class="ui-grid-c gray">
                    	<div class="ui-block-a">
                            Home Size:
                        </div>
                    	<div class="ui-block-b" style="width:200px;">
                            <select name="page13adhomesize" id="page13adhomesize">
                                <option value="all">
                                    Any
                                </option>
                                <option value="1">
                                    600+ Sq.Ft
                                </option>
                                <option value="2">
                                    800+ Sq.Ft
                                </option>
                            </select>
                        </div>
                    	<div class="ui-block-c">
                            Lot Size:
                        </div>
                    	<div class="ui-block-d">
                            <select name="page13adlotsize" id="page13adlotsize">
                                <option value="all">
                                    Any
                                </option>
                                <option value="1">
                                    600+ Sq.Ft
                                </option>
                                <option value="2">
                                    800+ Sq.Ft
                                </option>
                            </select>

                        </div>
                    </section>
                    <section class="ui-grid-a">
                    	<div class="ui-block-a">
                            Search Radius:
                        </div>
                    	<div class="ui-block-b">
                            <input type="range" name="slider" id="slider1" value="1" min="1" max="10" data-highlight="true"/>
                        </div>
                    </section>
                    <section class="ui-grid-a gray">
                    	<div class="ui-block-a">
                            Sort by:
                        </div>
                    	<div class="ui-block-b">
                            <select name="selectmenu1" id="selectmenu1">
                                <option value="option1">
                                    High to Low
                                </option>
                                <option value="value">
                                    Low to High
                                </option>
                            </select>
                        </div>
                    </section>
                    <div id="page13OpenHouse" style="display:none;">
                        <section class="ui-grid-a gray">
                            <div class="ui-block-a">
                                Open house date:
                            </div>
                            <div class="ui-block-b">
                                <input name="" id="textinput2" placeholder="Any" value="" type="date">
                            </div>
                        </section>
                        <section class="ui-grid-c gray">
                            <div class="ui-block-a">
                                Start Time:
                            </div>
                            <div class="ui-block-b" style="width:200px;">
                                <input name="" id="textinput2" placeholder="Any" value="" type="time">
                            </div>
                            <div class="ui-block-c">
                               End Time:
                            </div>
                            <div class="ui-block-d">
                                <input name="" id="textinput2" placeholder="Any" value="" type="time">
    
                            </div>
                        </section>
                    </div>
                    <div class="btn">
                        <a data-inline="true" href="#" data-role="button" data-rel="back" data-theme="c">Close</a>    
                        <a data-inline="true" href="#page14" data-role="button" data-theme="b" class="ListAdvanceSearch">Search</a>       
                    </div>
                </form>
					</div>
		</div>            
            <div id="ListResult"></div></div><!-- footer start -->
<div data-role="tabbar" data-iconpos="left" data-theme="a" class="footer">
    <div class="footer2">
        <a href="#page13" data-theme="" class="footerbtn"><img src="images/Search_b.png" width="75" height="50" border="0"  class="footerimg"></a>　　
        <a href="#page6" data-theme=""  class="footerbtn"><span class="favCount">99</span><img src="images/Favorites.png" width="74" height="50" border="0" class="footerimg"></a>　　
        <a href="#popupInfo" data-rel="popup" data-theme=""  class="footerbtn"><img src="images/info.png" width="74" height="50" border="0" class="footerimg"></a>　　
        <a href="#popupShare" data-rel="popup" data-theme=""  class="footerbtn"><img src="images/share.png" width="75" height="50" border="0" class="footerimg"></a>　　
        <a href="#page7" data-theme=""  class="footerbtn"><img src="images/Calculator.png" width="75" height="50" border="0" class="footerimg"></a>　　
        <a href="#page13popupContact" data-transition="fade" data-overlay-theme="a" data-rel="popup" class="footerbtn" onClick="shwPop('#page13popupContact','popContact.php');"><img src="images/contactme.png" width="75" height="50" border="0" class="footerimg"></a>
    </div>
</div>
<div data-role="popup" id="page13popupContact" data-overlay-theme="a" data-theme="d" class="ui-corner-all popupContact"></div>
<div data-role="popup" id="popupInfo" data-overlay-theme="b" data-theme="a" class="ui-corner-all">
    <a data-role="button" data-transition="fade" href="#page1">
        About Me
    </a>
    <a data-role="button" data-transition="fade" href="#page1">
        Website
    </a>
    <a data-role="button" data-transition="fade" href="#page1">
        Powered By
    </a>
    <a data-role="button" data-transition="fade" href="#page1">
        About this App
    </a>
    <a data-role="button" data-transition="fade" href="#page1">
        Logout
    </a>
</div>
<div data-role="popup" id="popupShare" data-overlay-theme="b" data-theme="a" class="ui-corner-all">
    <a data-role="button" data-transition="fade" href="#page1">
        Facebook
    </a>
    <a data-role="button" data-transition="fade" href="#page1">
        Twitter
    </a>
</div><!-- footer end --></div>
        <!-- Search results -->
<div data-role="page" id="page14">
            <div data-theme="a" data-role="header" data-position="fixed">
                <h3>
                    Realty
                </h3>
            </div>
            <div id="divsearch" style="width:100%;" data-fullscreen="true">
                <div id="divsearchtxt">Showing 25 properties of 2755 results for sale</div>
                <div id="divsearchbar">
                    <section class="ui-grid-c" style="width:100%">
                    	<div class="ui-block-a" style="width:180px;">
                        <fieldset data-mini="true" data-role="controlgroup" data-type="horizontal" class="radio3">
                            <input data-inline="true" name="radioShowType" id="radioShowType1" value="" type="radio">
                            <label for="radioShowType1">
                                Map
                            </label>
                            <input name="radioShowType" id="radioShowType2" value="radio2" type="radio" checked="checked">
                            <label for="radioShowType2">
                                List
                            </label>
                        </fieldset>
                        </div>
                    	<div class="ui-block-b" style="width:300px;white-space:normal:nowrap;">
                            <fieldset data-mini="true" data-role="controlgroup" data-type="horizontal" class="radio3">
                                <input name="radiobuttons1" id="radio1" value="" type="radio" checked="checked">
                                <label for="radio1">
                                    For Sale
                                </label>
                                <input name="radiobuttons1" id="radio2" value="radio2" type="radio">
                                <label for="radio2">
                                    To Rent
                                </label>
                                <input name="radiobuttons1" id="radio3" value="radio3" type="radio">
                                <label for="radio3">
                                    Open House
                                </label>
                            </fieldset>
                        </div>
                    	<div class="ui-block-c" style="width:100px;">
							<a href="#appAdvSearch" data-mini="true" data-role="button" data-rel="popup">Refine</a>
                    	</div>
                    	<div class="ui-block-d" style="width:80px;">
                           <a href="#popupSort" data-mini="true" data-role="button" data-rel="popup">Sort</a>
                            <div data-role="popup" id="popupSort" data-overlay-theme="b" data-theme="a" class="ui-corner-all">
                                <a data-role="button" data-transition="fade" href="#">
                                    High to Low
                                </a>
                                <a data-role="button" data-transition="fade" href="#">
                                    Low to High
                                </a>
                            </div>
                    	</div>
                    </section>
                </div>
            </div>
            <div data-role="content" style="padding: 15px;">
            
            
             <div id="resultmapspace" class="resultmapspace">
             </div>

             <div id="resultmap" class="resultmap">
             <img src="https://maps.googleapis.com/maps/api/staticmap?center=Madison, WI&amp;zoom=14&amp;size=288x200&amp;markers=Madison, WI&amp;sensor=false"
        width="630" height="400" id="imgMap">
             </div>
            <div id="resultlist" class="resultlist">
            	<ul>
                	<li>
                    	<div class="content">
                            <h5>125 BEACH 135TH ST, QUEENS, 11694</h5>
                            <div class="txt">4 Bedrooms, 5 Bathrooms<br/>
                            7821.4 miles</div>
                            <a data-rel="popup" href="#appDetail"><img src="" width="280" height="210" border="0"/></a>
                            <div class="price">$2,499,000</div>
                            <div class="star"></div>
                        </div>
                    </li>
                	<li>
                    	<div class="content">
                            <h5>125 BEACH 135TH ST, QUEENS, 11694</h5>
                            <div class="txt">4 Bedrooms, 5 Bathrooms<br/>
                            7821.4 miles</div>
                            <a data-rel="popup" href="#appDetail"><img src="" width="280" height="210" border="0"/></a>
                            <div class="price">$2,499,000</div>
                        </div>
                    </li>
                	<li>
                    	<div class="content">
                            <h5>125 BEACH 135TH ST, QUEENS, 11694</h5>
                            <div class="txt">4 Bedrooms, 5 Bathrooms<br/>
                            7821.4 miles</div>
                            <a data-rel="popup" href="#appDetail"><img src="" width="280" height="210" border="0"/></a>
                            <div class="price">$2,499,000</div>
                             <div class="star"></div>
                       </div>
                    </li>
                	<li>
                    	<div class="content">
                            <h5>125 BEACH 135TH ST, QUEENS, 11694</h5>
                            <div class="txt">4 Bedrooms, 5 Bathrooms<br/>
                            7821.4 miles</div>
                            <img src="" width="280" height="210"/>
                            <div class="price">$2,499,000</div>
                        </div>
                    </li>
                	<li>
                    	<div class="content">
                            <h5>125 BEACH 135TH ST, QUEENS, 11694</h5>
                            <div class="txt">4 Bedrooms, 5 Bathrooms<br/>
                            7821.4 miles</div>
                            <img src="" width="280" height="210"/>
                            <div class="price">$2,499,000</div>
                            <div class="star"></div>
                        </div>
                    </li>
                	<li>
                    	<div class="content">
                            <h5>125 BEACH 135TH ST, QUEENS, 11694</h5>
                            <div class="txt">4 Bedrooms, 5 Bathrooms<br/>
                            7821.4 miles star</div>
                            <img src="" width="280" height="210"/>
                            <div class="price">$2,499,000</div>
                            <div class="star"></div>
                        </div>
                    </li>
                	<li>
                    	<div class="content">
                            <h5>125 BEACH 135TH ST, QUEENS, 11694</h5>
                            <div class="txt">4 Bedrooms, 5 Bathrooms<br/>
                            7821.4 miles</div>
                            <img src="" width="280" height="210"/>
                            <div class="price">$2,499,000</div>
                        </div>
                    </li>
                	<li>
                    	<div class="content">
                            <h5>125 BEACH 135TH ST, QUEENS, 11694</h5>
                            <div class="txt">4 Bedrooms, 5 Bathrooms<br/>
                            7821.4 miles</div>
                            <img src="" width="280" height="210"/>
                            <div class="price">$2,499,000</div>
                        </div>
                    </li>
                	<li>
                    	<div class="content">
                            <h5>125 BEACH 135TH ST, QUEENS, 11694</h5>
                            <div class="txt">4 Bedrooms, 5 Bathrooms<br/>
                            7821.4 miles</div>
                            <img src="" width="280" height="210"/>
                            <div class="price">$2,499,000</div>
                        </div>
                    </li>
                	<li>
                    	<div class="content">
                            <h5>125 BEACH 135TH ST, QUEENS, 11694</h5>
                            <div class="txt">4 Bedrooms, 5 Bathrooms<br/>
                            7821.4 miles</div>
                            <img src="" width="280" height="210"/>
                            <div class="price">$2,499,000</div>
                        </div>
                    </li>
                	<li>
                    	<div class="content">
                            <h5>125 BEACH 135TH ST, QUEENS, 11694</h5>
                            <div class="txt">4 Bedrooms, 5 Bathrooms<br/>
                            7821.4 miles</div>
                            <img src="" width="280" height="210"/>
                            <div class="price">$2,499,000</div>
                        </div>
                    </li>
                	<li>
                    	<div class="content">
                            <h5>125 BEACH 135TH ST, QUEENS, 11694</h5>
                            <div class="txt">4 Bedrooms, 5 Bathrooms<br/>
                            7821.4 miles</div>
                            <img src="" width="280" height="210"/>
                            <div class="price">$2,499,000</div>
                        </div>
                    </li>
                </ul>
            </div>
           
                <div data-role="popup" id="appAdvSearch" data-overlay-theme="d" data-theme="c" class="ui-corner-all">
					<div data-role="header" data-theme="d" class="ui-corner-top">
						<h1>Search for properties</h1>
					</div>
					<div data-role="content" data-theme="d" style="padding:1px;" class="ui-corner-bottom">
<form>
                    <section class="ui-grid-a">
                    	<div class="ui-block-a">
                            Search Type:
                        </div>
                    	<div class="ui-block-b">
                            <fieldset data-role="controlgroup" data-type="horizontal">
                                <input name="radiobuttons1" id="radio1" value="" type="radio" checked="checked" onClick="$('#page14OpenHouse').hide();">
                                <label for="radio1">
                                    For Sale
                                </label>
                                <input name="radiobuttons1" id="radio2" value="radio2" type="radio" onClick="$('#page14OpenHouse').hide();">
                                <label for="radio2">
                                    To Rent
                                </label>
                                <input name="radiobuttons1" id="radio3" value="radio3" type="radio" onClick="$('#page14OpenHouse').show();">
                                <label for="radio3">
                                    Open House
                                </label>
                            </fieldset>
                        </div>
                    </section>
                    <section class="ui-grid-a">
                    	<div class="ui-block-a">
                            Location:
                        </div>
                    	<div class="ui-block-b">
                            <input data-inline="true" name="" id="searchinput1" placeholder="Zip Code or Location" value="" type="search"/>
                        </div>
                    </section>
                    <section class="ui-grid-a">
                    	<div class="ui-block-a">
                            Number of Bedrooms:
                        </div>
                    	<div class="ui-block-b">
                            <fieldset data-role="controlgroup" data-type="horizontal">
                                <input name="selectmenu2" id="radio1" value="radio1" type="radio" checked="checked">
                                <label for="radio1">
                                    0+
                                </label>
                                <input name="selectmenu2" id="radio2" value="radio2" type="radio">
                                <label for="radio2">
                                    1+
                                </label>
                                <input name="selectmenu2" id="radio3" value="radio3" type="radio">
                                <label for="radio3">
                                    2+
                                </label>
                                <input name="selectmenu2" id="radio4" value="radio3" type="radio">
                                <label for="radio4">
                                    3+
                                </label>
                                <input name="selectmenu2" id="radio5" value="radio3" type="radio">
                                <label for="radio5">
                                    4+
                                </label>
                                <input name="selectmenu2" id="radio6" value="radio3" type="radio">
                                <label for="radio6">
                                    5+
                                </label>
                            </fieldset>
                        </div>
                    </section>
                    <section class="ui-grid-c gray">
                    	<div class="ui-block-a">
                            Min Price:
                        </div>
                    	<div class="ui-block-b" style="width:200px;">
                            <select name="selectmenu1" id="selectmenu1">
                                <option value="option1">
                                    No Min Price
                                </option>
                                <option value="value">
                                    $100,000
                                </option>
                                <option value="value">
                                    $200,000
                                </option>
                                <option value="value">
                                    $300,000
                                </option>
                                <option value="value">
                                    $400,000
                                </option>
                                <option value="value">
                                    $500,000
                                </option>
                            </select>
                        </div>
                    	<div class="ui-block-c">
                            Max Price:
                        </div>
                    	<div class="ui-block-d">
                            <select name="selectmenu1" id="selectmenu1">
                                <option value="option1">
                                    No Min Price
                                </option>
                                <option value="value">
                                    $100,000
                                </option>
                                <option value="value">
                                    $200,000
                                </option>
                                <option value="value">
                                    $300,000
                                </option>
                                <option value="value">
                                    $400,000
                                </option>
                                <option value="value">
                                    $500,000
                                </option>
                            </select>
                        </div>
                    </section>
                    <section class="ui-grid-a gray">
                    	<div class="ui-block-a">
                            Type:
                        </div>
                    	<div class="ui-block-b">
                            <select name="selectmenu1" id="selectmenu1">
                                <option value="option1">
                                    Any
                                </option>
                                <option value="value">
                                    One Family Attached
                                </option>
                                <option value="value">
                                    One Family Detached
                                </option>
                            </select>
                        </div>
                    </section>
                    <section class="ui-grid-c gray">
                    	<div class="ui-block-a">
                            Home Size:
                        </div>
                    	<div class="ui-block-b" style="width:200px;">
                            <select name="selectmenu1" id="selectmenu1">
                                <option value="option1">
                                    Any
                                </option>
                                <option value="value">
                                    600+ Sq.Ft
                                </option>
                                <option value="value">
                                    800+ Sq.Ft
                                </option>
                            </select>
                        </div>
                    	<div class="ui-block-c">
                            Lot Size:
                        </div>
                    	<div class="ui-block-d">
                            <select name="selectmenu1" id="selectmenu1">
                                <option value="option1">
                                    Any
                                </option>
                                <option value="value">
                                    600+ Sq.Ft
                                </option>
                                <option value="value">
                                    800+ Sq.Ft
                                </option>
                            </select>

                        </div>
                    </section>
                    <section class="ui-grid-a">
                    	<div class="ui-block-a">
                            Search Radius:
                        </div>
                    	<div class="ui-block-b">
                            <input type="range" name="slider" id="slider1" value="1" min="1" max="10" data-highlight="true"/>
                        </div>
                    </section>
                    <section class="ui-grid-a gray">
                    	<div class="ui-block-a">
                            Sort by:
                        </div>
                    	<div class="ui-block-b">
                            <select name="selectmenu1" id="selectmenu1">
                                <option value="option1">
                                    High to Low
                                </option>
                                <option value="value">
                                    Low to High
                                </option>
                            </select>
                        </div>
                    </section>
                    <div id="page14OpenHouse" style="display:none;">
                        <section class="ui-grid-a gray">
                            <div class="ui-block-a">
                                Open house date:
                            </div>
                            <div class="ui-block-b">
                                <input name="" id="textinput2" placeholder="Any" value="" type="date">
                            </div>
                        </section>
                        <section class="ui-grid-c gray">
                            <div class="ui-block-a">
                                Start Time:
                            </div>
                            <div class="ui-block-b" style="width:200px;">
                                <input name="" id="textinput2" placeholder="Any" value="" type="time">
                            </div>
                            <div class="ui-block-c">
                               End Time:
                            </div>
                            <div class="ui-block-d">
                                <input name="" id="textinput2" placeholder="Any" value="" type="time">
    
                            </div>
                        </section>
                    </div>                    
                    <div class="btn">
                        <a data-inline="true" href="#" data-role="button" data-rel="back" data-theme="c">Close</a>    
                        <a data-inline="true" href="#page6" data-role="button" data-theme="b">Search</a>       
                    </div>
                </form>
					</div>
		</div>       
        
        <div data-role="popup" id="appDetail" data-overlay-theme="d" data-theme="c" class="ui-corner-all">
            <div id="resultDetail" class="resultDetail">
            	<div id="resultDetailPage"><span class="left"></span><span class="txt">3 of 25</span><span class="right"></span></div>
            	<ul>
                	<li>
                    	<div class="content1">
                            <h4>125 BEACH 135TH ST, QUEENS, 11694</h4>
                            <div class="txt">4 Bedrooms, 5 Bathrooms</div>
                            <img src="" width="500" height="375"/>
                            <div class="price"><span class="title">Tap to Enlarge</span><span class="value">$2,499,000</span></div>
                            <div id="imgs"><img src="" width="150" height="113"/><img src="" width="150" height="113"/><img src="" width="150" height="113"/></div>
                        </div>
                    </li>
                	<li>
                    	<div class="content2">
                        	<div class="mapTitleSpace"></div>
                            <div class="mapTitle">7821.4 miles</div>
                            <img src="" width="200" height="150"/>
                            <div class="maptxt">Tap to enlarge</div>
                            <div class="txt1">Brokered By Excel Realty Associates</div>
                            <div class="txt2">38 RENTAL UNITS, 17 2 BEDROOMS, 17 ONE BEDROOMS AND 4 STUDIOS, MOST UNITS COME WITH ARKING SPOT. ALL INDIVIDUAL UTILITIES.</div>
                            <div class="btns">
                                <div class="ui-grid-a">
                                    <div class="ui-block-a">
                                        <a data-role="button" data-mini="true" data-transition="fade" data-theme="a" href="#">
                                            Share
                                        </a>
                                        <a data-role="button" data-mini="true" data-transition="fade" data-theme="a" href="#">
                                            Add a Note
                                        </a>
                                        <a data-role="button" data-mini="true" data-transition="fade" data-theme="a" href="#">
                                            Take me There
                                        </a>
                                        <a data-role="button" data-mini="true" data-transition="fade" data-theme="a" href="#">
                                            Close
                                        </a>
                                    </div>
                                    <div class="ui-block-b">
                                        <a data-role="button" data-mini="true" data-transition="fade" data-theme="a" href="#">
                                            Add Contact
                                        </a>
                                        <a data-role="button" data-mini="true" data-transition="fade" data-theme="a" href="#">
                                            To Favorites
                                        </a>
                                        <a data-role="button" data-mini="true" data-transition="fade" data-theme="a" href="#">
                                            Email a Friend
                                        </a>
                                        <a data-role="button" data-mini="true" data-transition="fade" data-theme="a" href="#">
                                            Email Agnet
                                        </a>
                                    </div>
                                </div>                            
                            </div>
                        </div>
                    </li>
                 </ul>
             </div>

        </div>     
            </div><!-- footer start -->
<div data-role="tabbar" data-iconpos="left" data-theme="a" class="footer">
    <div class="footer2">
        <a href="#page13" data-theme="" class="footerbtn"><img src="images/Search_b.png" width="75" height="50" border="0"  class="footerimg"></a>　　
        <a href="#page6" data-theme=""  class="footerbtn"><span class="favCount">99</span><img src="images/Favorites.png" width="74" height="50" border="0" class="footerimg"></a>　　
        <a href="#popupInfo" data-rel="popup" data-theme=""  class="footerbtn"><img src="images/info.png" width="74" height="50" border="0" class="footerimg"></a>　　
        <a href="#popupShare" data-rel="popup" data-theme=""  class="footerbtn"><img src="images/share.png" width="75" height="50" border="0" class="footerimg"></a>　　
        <a href="#page7" data-theme=""  class="footerbtn"><img src="images/Calculator.png" width="75" height="50" border="0" class="footerimg"></a>　　
        <a href="#page14popupContact" data-transition="fade" data-overlay-theme="a" data-rel="popup" class="footerbtn" onClick="shwPop('#page14popupContact','popContact.php');"><img src="images/contactme.png" width="75" height="50" border="0" class="footerimg"></a>
    </div>
</div>
<div data-role="popup" id="page14popupContact" data-overlay-theme="a" data-theme="d" class="ui-corner-all popupContact"></div>
<div data-role="popup" id="popupInfo" data-overlay-theme="b" data-theme="a" class="ui-corner-all">
    <a data-role="button" data-transition="fade" href="#page1">
        About Me
    </a>
    <a data-role="button" data-transition="fade" href="#page1">
        Website
    </a>
    <a data-role="button" data-transition="fade" href="#page1">
        Powered By
    </a>
    <a data-role="button" data-transition="fade" href="#page1">
        About this App
    </a>
    <a data-role="button" data-transition="fade" href="#page1">
        Logout
    </a>
</div>
<div data-role="popup" id="popupShare" data-overlay-theme="b" data-theme="a" class="ui-corner-all">
    <a data-role="button" data-transition="fade" href="#page1">
        Facebook
    </a>
    <a data-role="button" data-transition="fade" href="#page1">
        Twitter
    </a>
</div><!-- footer end --></div>

        <!-- Favorite -->
        <div data-role="page" id="page6">
            <div data-theme="a" data-role="header" data-position="fixed">
                <h3>
                    Realty
                </h3>
            </div>
                <div id="divsearch" style="width:100%;" data-fullscreen="true">
                <div id="divsearchtxt">2 properties found in your Favorites List</div>
                <div id="divsearchbar">
                    <section class="ui-grid-b" style="width:100%">
                    	<div class="ui-block-a" style="width:180px;">
                        <fieldset data-mini="true" data-role="controlgroup" data-type="horizontal" class="radio3">
                            <input data-inline="true" name="page6radioShowType" id="page6radioShowType1" value="" type="radio">
                            <label for="page6radioShowType1">
                                Map
                            </label>
                            <input name="page6radioShowType" id="page6radioShowType2" value="radio2" type="radio" checked="checked">
                            <label for="page6radioShowType2">
                                List
                            </label>
                        </fieldset>
                        </div>
                    	<div class="ui-block-b" style="width:300px;white-space:normal:nowrap;">
                            <fieldset data-mini="true" data-role="controlgroup" data-type="horizontal" class="radio3">
                                <input name="page6radiobuttons1" id="page6radio1" value="" type="radio">
                                <label for="page6radio1">
                                    Searches
                                </label>
                                <input name="page6radiobuttons1" id="page6radio2" value="radio2" type="radio" checked="checked">
                                <label for="page6radio2">
                                    Properties
                                </label>
                            </fieldset>
                        </div>
                    	<div class="ui-block-c" style="width:100px;">
							<a href="#" data-mini="true" data-role="button" data-rel="popup">Edit</a>
                    	</div>
                    	
                    </section>
                </div>
            </div>
            <div data-role="content" style="padding: 15px;">
            
            
             <div id="page6resultmapspace" class="resultmapspace">
             </div>
             <div id="page6resultSearches" style="display:none;">
                <ul data-role="listview" data-divider-theme="" data-inset="true">
                    <li data-theme="c">
                        <a href="#" data-transition="slide">
                            <div class="page6left">For sale - All</div><div class="page6right">0+ bed, 0+ bath, No Min - No Max Price</div>
                        </a>
                    </li>
                    <li data-theme="c">
                        <a href="#" data-transition="slide">
                            <div class="page6left">For sale - All</div><div class="page6right">0+ bed, 0+ bath, No Min - No Max Price</div>
                        </a>
                    </li>
                    <li data-theme="c">
                        <a href="#" data-transition="slide">
                            <div class="page6left">For sale - All</div><div class="page6right">0+ bed, 0+ bath, No Min - No Max Price</div>
                        </a>
                    </li>
                    <li data-theme="c">
                        <a href="#" data-transition="slide">
                            <div class="page6left">For sale - All</div><div class="page6right">0+ bed, 0+ bath, No Min - No Max Price</div>
                        </a>
                    </li>
                    <li data-theme="c">
                        <a href="#" data-transition="slide">
                            <div class="page6left">For sale - All</div><div class="page6right">0+ bed, 0+ bath, No Min - No Max Price</div>
                        </a>
                    </li>
                </ul>             	
             </div>

             <div id="page6resultmap" class="resultmap">
             <img src="https://maps.googleapis.com/maps/api/staticmap?center=Madison, WI&amp;zoom=14&amp;size=288x200&amp;markers=Madison, WI&amp;sensor=false"
        width="630" height="400" id="imgMap">
             </div>
            <div id="page6resultlist" class="resultlist">
            	<ul>
                	<li>
                    	<div class="content">
                            <h5>125 BEACH 135TH ST, QUEENS, 11694</h5>
                            <div class="txt">4 Bedrooms, 5 Bathrooms<br/>
                            7821.4 miles</div>
                            <a data-rel="popup" href="#appDetail"><img src="" width="280" height="210" border="0"/></a>
                            <div class="price">$2,499,000</div>
                            <div class="star"></div>
                        </div>
                    </li>
                	<li>
                    	<div class="content">
                            <h5>125 BEACH 135TH ST, QUEENS, 11694</h5>
                            <div class="txt">4 Bedrooms, 5 Bathrooms<br/>
                            7821.4 miles</div>
                            <img src="" width="280" height="210"/>
                            <div class="price">$2,499,000</div>
                            <div class="star"></div>
                        </div>
                    </li>
                </ul>
            </div>
        </div><!-- footer start -->
<div data-role="tabbar" data-iconpos="left" data-theme="a" class="footer">
    <div class="footer2">
        <a href="#page13" data-theme="" class="footerbtn"><img src="images/Search.png" width="75" height="50" border="0"  class="footerimg"></a>　　
        <a href="#page6" data-theme=""  class="footerbtn"><span class="favCount">99</span><img src="images/Favorites_b.png" width="74" height="50" border="0" class="footerimg"></a>　　
        <a href="#popupInfo" data-rel="popup" data-theme=""  class="footerbtn"><img src="images/info.png" width="74" height="50" border="0" class="footerimg"></a>　　
        <a href="#popupShare" data-rel="popup" data-theme=""  class="footerbtn"><img src="images/share.png" width="75" height="50" border="0" class="footerimg"></a>　　
        <a href="#page7" data-theme=""  class="footerbtn"><img src="images/Calculator.png" width="75" height="50" border="0" class="footerimg"></a>　　
        <a href="#page6popupContact" data-transition="fade" data-overlay-theme="a" data-rel="popup" class="footerbtn" onClick="shwPop('#page6popupContact','popContact.php');"><img src="images/contactme.png" width="75" height="50" border="0" class="footerimg"></a>
    </div>
</div>
<div data-role="popup" id="page6popupContact" data-overlay-theme="a" data-theme="d" class="ui-corner-all popupContact"></div>
<div data-role="popup" id="popupInfo" data-overlay-theme="b" data-theme="a" class="ui-corner-all">
    <a data-role="button" data-transition="fade" href="#page1">
        About Me
    </a>
    <a data-role="button" data-transition="fade" href="#page1">
        Website
    </a>
    <a data-role="button" data-transition="fade" href="#page1">
        Powered By
    </a>
    <a data-role="button" data-transition="fade" href="#page1">
        About this App
    </a>
    <a data-role="button" data-transition="fade" href="#page1">
        Logout
    </a>
</div>
<div data-role="popup" id="popupShare" data-overlay-theme="b" data-theme="a" class="ui-corner-all">
    <a data-role="button" data-transition="fade" href="#page1">
        Facebook
    </a>
    <a data-role="button" data-transition="fade" href="#page1">
        Twitter
    </a>
</div><!-- footer end --></div>
        <!-- Info -->
        <div data-role="page" id="page4">
            <div data-theme="a" data-role="header" data-position="fixed">
                <h3>
                    Realty
                </h3>
            </div>
            <div data-role="content" style="padding: 15px">
                <div data-role="navbar" data-iconpos="top">
                    <ul>
                        <li>
                            <a href="#page1" data-theme="" data-icon="">
                                For Sale
                            </a>
                        </li>
                        <li>
                            <a href="#page1" data-theme="" data-icon="">
                                To Rent
                            </a>
                        </li>
                        <li>
                            <a href="#page1" data-theme="" data-icon="">
                                Open House
                            </a>
                        </li>
                    </ul>
                </div>
                <div data-role="fieldcontain">
                    <fieldset data-role="controlgroup">
                        <label for="searchinput5">
                        </label>
                        <input id="searchinput5" placeholder="" value="" type="search" />
                    </fieldset>
                </div>
                <div data-role="collapsible-set" data-theme="" data-content-theme="">
                    <div data-role="collapsible" data-collapsed="true">
                        <div data-role="navbar" data-iconpos="top">
                            <ul>
                                <li>
                                    <a href="#page1" data-theme="" data-icon="">
                                        For Sale
                                    </a>
                                </li>
                                <li>
                                    <a href="#page1" data-theme="" data-icon="">
                                        To Rent
                                    </a>
                                </li>
                                <li>
                                    <a href="#page1" data-theme="" data-icon="">
                                        Open House
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div data-role="fieldcontain">
                            <fieldset data-role="controlgroup">
                                <label for="searchinput6">
                                    Location:
                                </label>
                                <input id="searchinput6" placeholder="New York" value="" type="search" />
                            </fieldset>
                        </div>
                        <div>
                            <p style="text-align: center;">
                                <b>
                                    Bedrooms
                                </b>
                            </p>
                        </div>
                        <div data-role="navbar" data-iconpos="top">
                            <ul>
                                <li>
                                    <a href="#page1" data-theme="" data-icon="">
                                        1
                                    </a>
                                </li>
                                <li>
                                    <a href="#page1" data-theme="" data-icon="">
                                        2
                                    </a>
                                </li>
                                <li>
                                    <a href="#page1" data-theme="" data-icon="">
                                        3
                                    </a>
                                </li>
                                <li>
                                    <a href="#page1" data-theme="" data-icon="">
                                        4
                                    </a>
                                </li>
                                <li>
                                    <a href="#page1" data-theme="" data-icon="">
                                        5
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div>
                            <p style="text-align: center;">
                                <b>
                                    Minimum Price
                                </b>
                            </p>
                        </div>
                        <div data-role="fieldcontain">
                            <fieldset data-role="controlgroup">
                                <label for="searchinput7">
                                </label>
                                <input id="searchinput7" placeholder="" value="" type="search" />
                            </fieldset>
                        </div>
                        <div>
                            <p style="text-align: center;">
                                <b>
                                    Home Size
                                </b>
                            </p>
                        </div>
                        <div data-role="navbar" data-iconpos="top">
                            <ul>
                                <li>
                                    <a href="#page1" data-theme="" data-icon="">
                                        Small
                                    </a>
                                </li>
                                <li>
                                    <a href="#page1" data-theme="" data-icon="">
                                        Medium
                                    </a>
                                </li>
                                <li>
                                    <a href="#page1" data-theme="" data-icon="">
                                        Large
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div data-role="fieldcontain">
                            <fieldset data-role="controlgroup">
                                <label for="slider2">
                                    Value:
                                </label>
                                <input name="slider" id="slider2" value="50" min="0" max="100" data-highlight="false" type="range" />
                            </fieldset>
                        </div>
                    </div>
                </div>
                <div data-role="collapsible-set" data-theme="" data-content-theme="">
                    <div data-role="collapsible" data-collapsed="">
                        <h3>
                            Section Header
                        </h3>
                        <a data-role="button" data-transition="fade" href="#page4">
                            About Me
                        </a>
                        <a data-role="button" data-transition="fade" href="#page4">
                            Website
                        </a>
                        <a data-role="button" data-transition="fade" href="#page4">
                            Powered By
                        </a>
                        <a data-role="button" data-transition="fade" href="#page4">
                            About This App
                        </a>
                        <a data-role="button" data-transition="fade" href="#page4">
                            Button
                        </a>
                    </div>
                </div>
            </div><!-- footer start -->
<div data-role="tabbar" data-iconpos="left" data-theme="a" class="footer">
    <div class="footer2">
        <a href="#page13" data-theme="" class="footerbtn"><img src="images/Search.png" width="75" height="50" border="0"  class="footerimg"></a>　　
        <a href="#page6" data-theme=""  class="footerbtn"><span class="favCount">99</span><img src="images/Favorites.png" width="74" height="50" border="0" class="footerimg"></a>　　
        <a href="#popupInfo" data-rel="popup" data-theme=""  class="footerbtn"><img src="images/info.png" width="74" height="50" border="0" class="footerimg"></a>　　
        <a href="#popupShare" data-rel="popup" data-theme=""  class="footerbtn"><img src="images/share.png" width="75" height="50" border="0" class="footerimg"></a>　　
        <a href="#page7" data-theme=""  class="footerbtn"><img src="images/Calculator.png" width="75" height="50" border="0" class="footerimg"></a>　　
        <a href="#page4popupContact" data-transition="fade" data-overlay-theme="a" data-rel="popup" class="footerbtn" onClick="shwPop('#page4popupContact','popContact.php');"><img src="images/contactme.png" width="75" height="50" border="0" class="footerimg"></a>
    </div>
</div>
<div data-role="popup" id="page4popupContact" data-overlay-theme="a" data-theme="d" class="ui-corner-all popupContact"></div>
<div data-role="popup" id="popupInfo" data-overlay-theme="b" data-theme="a" class="ui-corner-all">
    <a data-role="button" data-transition="fade" href="#page1">
        About Me
    </a>
    <a data-role="button" data-transition="fade" href="#page1">
        Website
    </a>
    <a data-role="button" data-transition="fade" href="#page1">
        Powered By
    </a>
    <a data-role="button" data-transition="fade" href="#page1">
        About this App
    </a>
    <a data-role="button" data-transition="fade" href="#page1">
        Logout
    </a>
</div>
<div data-role="popup" id="popupShare" data-overlay-theme="b" data-theme="a" class="ui-corner-all">
    <a data-role="button" data-transition="fade" href="#page1">
        Facebook
    </a>
    <a data-role="button" data-transition="fade" href="#page1">
        Twitter
    </a>
</div><!-- footer end --></div>
        
        <script type="text/javascript" src="EventToPhp.js"></script>
		<script type="text/javascript">
            $( ".slider-range-min" ).slider({
                range: "min",
                value: 37,
                min: 1,
                max: 10,
                slide: function( event, ui ) {
                    $( "#amount" ).val( "$" + ui.value );
                }
            });
            $( "#amount" ).val( "$" + $( ".slider-range-min" ).slider( "value" ) );
        
			$('.footerbtn').removeClass('ui-btn');
			$('.footerbtn').removeClass('ui-btn-inline');
			$('.footerbtn').removeClass('ui-btn-up-a');
//			alert($('.footerbtn').length);

			function shwPop(objID,postFile){
				$.post(postFile,
				function(data){
					$(objID).html(data);
					$(objID).trigger("create");
				});
				
				$.ajax({
					type: 'POST',
					url: postFile+"?" + Math.random(),
					data: { objID: objID },
					dataType: 'html',
					async: false,
					cache: false,
					success: function (data) {
						$(objID).html(data);
						$(objID).trigger("create");
					},
					error: function (data) { }
				});
				
			}
	
        </script>
    </body>
</html>